body>ul{
  list-style: none;
  width: 1300px;
  margin: 0 auto;
  padding: 0;
  /* border: solid 1px red ; */
  text-align: center;
  
}
body>ul li{
  width: 200px;
  height: 310px;
  float: left;
  /* border: 1px solid #000; */
  margin: 20px 29px;
}
body>ul::after{
  clear: both;
  content: "";
  display: block;
}
.price i, .price em{
   color: red;
}
.title{
  padding: 0 5px;
  font-size: 12px;
  color: #ccc;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  margin-top: 10px;
}
/* .btn{
  width: 100px;
  height: 20px;
  line-height: 20px;
  border: 1px solid red;
  margin: 0 auto;
  margin-top: 10px;
  font-size: 12px;
  color: red;
} */
a{
  text-decoration: none;
}
/* 商品列表 */
.goodslist ul li{
  width: 158px;
  padding: 10px;
  margin:10px;
  border: 1px solid #fff;
  float:left;
}
.goodslist ul:after{
  content: '';
  display: block;
  clear: both;
}
.goodslist ul li a{
  display:block;
}
.goodslist ul li:hover{
  box-shadow: 0 0 5px #ccc;
  border: 1px solid #eee;
}
.goodslist ul li:hover p.goodsintroduce{
  color: #000;
}
.goodslist ul li p.goodsprice{
  color:#E4393C;
  font-size: 20px;
  line-height: 30px;
}
.goodslist ul li p.goodsintroduce{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 12px;
}
.goodslist ul li p.goodsintroduce:hover{
  color:#E4393C;
}
/* 分页 */
.page:hover{
  cursor: pointer;
}
.page ul{
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 34px;
}
.page ul:after{
  content: '';
  display:block;
  clear: both;
}
.page ul li{
  float:left;
  margin:2px;
  padding:2px 10px;
  border:1px solid #ccc;
  background-color: #eee;

}
.page ul li.count,.page ul li.dao,.page ul li.ye{
  border:none;
  background-color: transparent;
}
.page ul li.active{
  border:none;
  background-color: transparent;
  color:#E4393C;
}
.page ul li.pagenum,.page ul li.gobtn{
  padding: 0;
}
.page ul li.pagenum input{
  width: 44px;
  height: 35px;
  outline:none;
  border:none;
  padding-left:6px;
}
.page ul li.gobtn button{
  border:none;
  outline:none;
}
.page ul li.gobtn button:hover{
  cursor: pointer;
}

/* 商品筛选部分开始 */
.filter ul{
  list-style-type: none;
  padding: 0;
  margin: 0;
  border:1px solid #ccc;
  padding: 8px 15px;
  background-color: #eee;
}
.filter ul:after{
  clear: both;
  display:block;
  content: '';
}
.filter ul li.active{
  background-color: #f00;
}
.filter ul li{
  float:left;
  background-color: #fff;
  padding:3px 5px;
  margin-right:5px;
}
.filter ul li select{
  border:none;
  outline:none;
}
.filter ul li select option{
  border:none;
}
.filter ul li.priceup b, .filter ul li.saleup b{
  display:inline-block;
  width: 20px;
  height: 18px;
  background-image: url('../images/icon.jfif');
  background-position: -55px -6px;
  background-size: 100px 80px;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.filter ul li.pricedown b, .filter ul li.saledown b{
  display:inline-block;
  width: 20px;
  height: 18px;
  background-image: url('../images/icon.jfif');
  background-position: -35px -6px;
  background-size: 100px 80px;
  background-repeat: no-repeat;
  vertical-align: middle;
}
/* 商品筛选部分结束 */

/* 路径导航开始 */
.breadcrumb{
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb li{
  display: inline-block;
}
.container{
  width: 100%;
}
.content{
  width: 1200px;
  margin:0 auto;
}
.breadcrumb li a{
  color: #337ab7;
  text-decoration: none;
}
.breadcrumb>li+li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.breadcrumb li.active{
  background-color: transparent;
  color: #777;
}
.breadcrumb.keywords span{
  background-color: #f00;
  padding: 2px;
}
.breadcrumb.keywords b{
  font-weight: normal;
  color:#999;
  margin-left: 20px;
}
.breadcrumb.keywords b:hover{
  cursor: pointer;
}
/* 路径导航结束 */